import styled from 'styled-components'

export const StyledOperationItem = styled.div`
    padding: 8px 12px;
    cursor: pointer;
    &:hover {
        background-color: #f0f0f0;
    }
`;

export const StyledOperationPanel = styled.div<{position: {x: number, y: number}}>`
    position: fixed;
    left: ${props => props.position.x}px;
    top: ${props => props.position.y}px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    padding: 5px;
    border-radius: 4px;
`;
// font-family: 'Noto Sans SC'